<template>
  <div class="manage">
    <div class="bottom">
      <div class="ha" v-for="(v,i) in this.$store.state.mycenter.obj" :key="i">
        <div class="a"><img :src="v.picture" /></div ><div class="b"><a href="#">{{v.word}}</a></div>
        <div class="c"><img class="pic1" src="myimg/2.png" alt="" /></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    created(){
        this.$store.dispatch("mycenter")
    }
};
</script>

<style>
.bottom {
  width: 100%;
  margin-top: 0.05rem;
  background-color: #fff;
}
.bottom .ha {
  padding-left: 0.2rem;
  padding-right: 0.15rem;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom .ha .a{
  width: 15%;
  display: flex;
}
.bottom .ha .a img{
   width: 0.42rem;
  height: 0.42rem;
}
.bottom .ha .b{
  display: flex;
  width: 80%;
  text-align: left;
  line-height: 0.2rem;
}
.bottom .ha .b a {
  font-size: 0.14rem;
  text-indent: 0.1rem;
}
.bottom .ha .c{
 line-height: 0.1rem;
 display: flex;
}
.bottom .ha .pic1 {
  width: 0.16rem;
  height: 0.16rem;
  line-height: 0.1rem;
  margin-left: 1.5rem;
} 
</style>